html,body{ width: 100%; height: 100%;}
body{ background: #FFF;}
nav.consignee { font-size: 0; background: #FFF; border-bottom: 1px solid #e8e8e8;}
nav.consignee p {  padding: 0rem 3% 1rem 3%;}
nav.consignee .person{ border-top: 1px solid #e8e8e8; padding-top: 1rem;}
nav.consignee .person span{ font-size: 1rem; font-weight: bold; display: inline-block;}
nav.consignee .person > span { width: 50%;}
nav.consignee .person > span:last-child { text-align: right;}
nav.consignee p.map{ font-size: 0; border-bottom: 1px solid #e8e8e8;}
nav.consignee p.map img { width: 6%; margin-right: 3%;}
nav.consignee p.map input { width: 87%; padding: 0.5rem 0; font-size: 1rem; border: none; text-indent: 0.5rem;}
.green { color: #86cf00;}
.consignee h3 { padding: 0.8rem 3%; font-size: 1rem;border-bottom: 1px solid #e8e8e8;}
.consignee h3 img{ width: 8%;margin-right: 3%;}
.inline-top { display: inline-block; vertical-align: top;}
article.obligation { background: #FFF;}
article.obligation div{ padding: 0.8rem 3%; border-bottom: 1px solid #e8e8e8;}
article.obligation div:first-child { border-top: 1px solid #e8e8e8;}
div.details { font-size: 0;}
article.obligation div textarea { width: 100%; height: 5rem;box-sizing: border-box; padding: 0.5rem; line-height: 1.4rem; font-size: 1rem; border-radius: 0.5rem; }
div.details p, div.details ul{ font-size: 1rem;}
div.details p { width: 27%;margin-right: 3%;}
div.details p img{ width: 98%;}
div.details ul { width: 70%;}
.money{ color: #f25c13;}
div.details ul li { padding: 0.5rem 0;}
div.details ul li > span:first-child { width: 70%;}
div.details ul li > span:last-child { width: 30%; text-align: right;}
.information,.info{ font-size: 1rem;}
.information > span { width: 50%;}
.information > span:last-child { text-align: right;}
.information > span:last-child button{ padding: 0.4rem 1rem; background: #f25c13; color: #FFF; border: none; border-radius: 0.4rem;}
.info { padding: 1rem 3%; background: #FFF; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.info > span { width: 50%;}
.info > span:last-child { text-align: right;}
.order p{font-size: 1rem;}
.order p{font-size: 1rem;}
 p.delivery span:first-child{ margin-right: 2%;}

article.cart_history { background: #FFF; color: #3d3d3d;}
article.cart_history div { font-size: 0rem; border-bottom: 1px solid #e8e8e8;position: relative;padding: 0.8rem 0;}
article.cart_history div ul { width: 75%; font-size: 1rem; margin: 0 3% 0 2%;}
article.cart_history div ul li { padding-bottom: 0.5rem; }
article.cart_history div ul li > span:first-child { width: 70%; }
article.cart_history div ul li > span:last-child { width: 30%; }
.cart_history h4{ padding: 0.3rem 3% 0.8rem 3%;border-bottom: 1px solid #e8e8e8; font-size: 0;}
.cart_history h4 span, .cart_history h5 span{font-size: 1rem;}
.cart_history h4> span:first-child, .cart_history h5> span:first-child{ width: 70%;}
.cart_history h4> span:last-child, .cart_history h5> span:last-child{ width: 30%;}
.cart_history h4> span:last-child{color: #17aee6;}
.cart_history h5 { font-size: 0rem; padding: 0.8rem 3% 0 3%;border-top: 1px solid #e8e8e8;}
.shop_img { width: 18%; font-size: 1rem; margin-left: 2%;}
.shop_img img{ width: 100%;}
.delete { padding: 0.4rem 1rem; border: none; background: #f25c13; color: #FFF; border-radius: 0.4rem;}

div.else_null{ font-size: 1rem; text-align: center; border: none; padding-top: 2rem;}